import { getToken, setToken, removeToken, setTime } from '@/utils/auth'
import { login, getUserInfo, getUserDetailById } from '@/api/user'
import { resetRouter } from '@/router'

const state = {
  token: getToken(),
  userInfo: {}
}

const mutations = {
  setToken(state, token) {
    state.token = token
    setToken(token)
  },
  removeToken(state) {
    state.token = null
    removeToken()
  },
  // ------------------------
  setUserInfo(state, result) {
    state.userInfo = result
  },
  removeUserInfo(state) {
    state.userInfo = {}
  }
}

const actions = {
  // 发起登录请求并保存 token
  async login(context, data) {
    const result = await login(data)
    context.commit('setToken', result)
    // 保存token时,保存时间戳
    setTime()
  },
  // 发起请求获取并保存 用户资料
  async getUserInfo(context) {
    const result = await getUserInfo()
    const baseInfo = await getUserDetailById(result.userId)
    // 同时获取了两个数据,直接将其合并为一个数据保存
    context.commit('setUserInfo', { ...result, ...baseInfo })
    // 为权限管理留下伏笔(左侧菜单栏的不同角色的不同视图与功能)
    return result
  },
  // 退出操作
  logout(context) {
    // 删除token
    context.commit('removeToken')
    // 删除用户信息
    context.commit('removeUserInfo')
    // 清空router的动态路由
    resetRouter()
    // 清空vuex模块数据
    // 调用同级上锁模块,可使用context的第三个参数一个对象{root: true} 表示此时的context为根组件的context
    context.commit('permission/setRoutes', [], { root: true })
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
